<!--气象分析-->
<div id="wa">
<el-row class="consume-panel" style="margin-right: 0px;margin-left: 0px">
    <el-col :span="4" style="text-align: center">
        <img src="/dam/image/duoyun1.png" border="10" width="80%" height="80%" alt="找不到图片" />
    </el-col>
    <el-col :span="8">
        <el-row class="testSty">
            <el-col :span="6" class="data-font">19℃</el-col>
            <el-col :span="6" class="data-font">多云</el-col>

        </el-row>
        <el-row class="testSty">
            <el-col :span="6" class="text-font">气压:</el-col>
            <el-col :span="6" class="data-font">1013</el-col>
            <el-col :span="6"><span class="text-font">能见度:</span></el-col>
            <el-col :span="6">
                <span class="spe-data-font">989</span>
                <span class="spe-data-font">m</span>
            </el-col>
        </el-row>
        <el-row class="testSty">
            <el-col :span="6" class="text-font">露点:</el-col>
            <el-col :span="6" class="data-font">19℃</el-col>
            <el-col :span="6" class="text-font">风速:</el-col>
            <el-col :span="6">
                <span class="spe-data-font">3</span>
                <span class="spe-data-font">m/s</span>
            </el-col>
        </el-row>
    </el-col>
    <el-col :span="12">
        <el-row class="testSty1">
            <el-col :span="4" class="text-font">05:00</el-col>
            <el-col :span="4" class="text-font">08:00</el-col>
            <el-col :span="4" class="text-font">11:00</el-col>
            <el-col :span="4" class="text-font">14:00</el-col>
            <el-col :span="4" class="text-font">17:00</el-col>
            <el-col :span="4" class="text-font">20:00</el-col>
        </el-row>
        <el-row class="testSty1">
            <el-col :span="4"> <img src="/dam/image/duoyun1.png" border="10" width="40" height="150" alt="找不到图片" /></el-col>
            <el-col :span="4"> <img src="/dam/image/duoyun1.png" border="10" width="40" height="150" alt="找不到图片" /></el-col>
            <el-col :span="4"> <img src="/dam/image/duoyun1.png" border="10" width="40" height="150" alt="找不到图片" /></el-col>
            <el-col :span="4"> <img src="/dam/image/duoyun1.png" border="10" width="40" height="150" alt="找不到图片" /></el-col>
            <el-col :span="4"> <img src="/dam/image/duoyun1.png" border="10" width="40" height="150" alt="找不到图片" /></el-col>
            <el-col :span="4"> <img src="/dam/image/duoyun1.png" border="10" width="40" height="150" alt="找不到图片" /></el-col>
        </el-row>
        <el-row class="testSty1">
            <el-col :span="4" class="data-font">多云</el-col>
            <el-col :span="4" class="data-font">多云</el-col>
            <el-col :span="4" class="data-font">多云</el-col>
            <el-col :span="4" class="data-font">多云</el-col>
            <el-col :span="4" class="data-font">多云</el-col>
            <el-col :span="4" class="data-font">多云</el-col>
        </el-row>
    </el-col>
</el-row>
<el-row>
    <el-col :span="7">
        <div style="height: 350px;border-radius: 0px;" class="consume-panel" style="margin-top: 0px;margin-left: 0px;padding-top: 0px">
            <el-row class="testSty">
                <el-col :span="6" class="text-font">跑道:</el-col>
                <el-col :span="6" class="data-font">R17</el-col>
            </el-row>
            <el-row class="testSty">
                <el-col :span="6" class="text-font"> 风向:</el-col>
                <el-col :span="6" class="spe-data-font">110</el-col>
                <el-col :span="6" class="text-font">温度:</el-col>
                <el-col :span="6" class="data-font">20.9</el-col>
            </el-row>
            <el-row class="testSty">
                <el-col :span="6"><span class="text-font">风速:</span></el-col>
                <el-col :span="6">
                    <span class="spe-data-font">3</span>
                    <span class="spe-data-font">m/s</span>
                </el-col>
                <el-col :span="6" class="text-font">露点:</el-col>
                <el-col :span="6" class="data-font">15.2</el-col>
            </el-row>
            <el-row class="testSty">
                <el-col :span="12"><span class="text-font">场面气压:</span></el-col>
                <el-col :span="12"><span class="spe-data-font">790.3</span></el-col>
            </el-row>
            <el-row class="testSty">
                <el-col :span="12" class="text-font">修正海压:</el-col>
                <el-col :span="12" class="data-font">1025.8</el-col>
            </el-row>
            <el-row class="testSty">
                <el-col :span="12" class="text-font">相对湿度:</el-col>
                <el-col :span="12" class="data-font">70</el-col>
            </el-row>
            <el-row class="testSty">
                <el-col :span="12" class="text-font">风向变化范围:</el-col>
                <el-col :span="12" class="data-font">090V180</el-col>
            </el-row>
        </div>
    </el-col>
    <el-col :span="7">
        <div style="height: 350px;border-radius: 0px;"  class="consume-panel" style="margin-top: 0px;padding-top: 0px">
            <el-row class="testSty">
                <el-col :span="6" class="text-font">跑道:</el-col>
                <el-col :span="6" class="data-font">R35</el-col>
            </el-row>
            <el-row class="testSty">
                <el-col :span="6" class="text-font">风向:</el-col>
                <el-col :span="6" class="data-font">120</el-col>
                <el-col :span="6" class="text-font">温度:</el-col>
                <el-col :span="6" class="data-font">21</el-col>
            </el-row>
            <el-row class="testSty">
                <el-col :span="6"><span class="text-font">风速:</span></el-col>
                <el-col :span="6">
                    <span class="spe-data-font">3</span>
                    <span class="spe-data-font">m/s</span>
                </el-col>
                <el-col :span="6" class="text-font">露点:</el-col>
                <el-col :span="6" class="data-font">15.1</el-col>
            </el-row>
            <el-row class="testSty">
                <el-col :span="12"><span class="text-font">场面气压:</span></el-col>
                <el-col :span="12"><span class="spe-data-font">789</span></el-col>
            </el-row>
            <el-row class="testSty">
                <el-col :span="12" class="text-font">修正海压:</el-col>
                <el-col :span="12" class="data-font">1024</el-col>
            </el-row>
            <el-row class="testSty">
                <el-col :span="12" class="text-font">相对湿度:</el-col>
                <el-col :span="12" class="data-font">70</el-col>
            </el-row>
            <el-row class="testSty">
                <el-col :span="12" class="text-font">风向变化范围:</el-col>
                <el-col :span="12" class="data-font">130V210</el-col>
            </el-row>
        </div>
    </el-col>
    <el-col :span="10" >
        <div class="consume-panel" style="margin-top: 0px;padding: 5px;margin-right: 0px">
        <el-row>
            <el-card class="clearfix">
                <div slot="header" class="clearfix">
                    <span  class="subtitle-font">特殊气象报</span>
                    <el-badge :value="sRepUnRead" :max="99" class="item" style="float: right;">
                        <el-button  type="primary" style="padding: 3px 8px;" plain icon="el-icon-message" @click="specificNewRep()"></el-button>
                    </el-badge>
                </div>
                <div class="scroll-body">
                <div v-for="o in specificRep.read" :key="o" class="text item">
                    <div class="my-message-body">
                   <el-row class="mg-time-font">
                       [{{o.time}}]
                   </el-row>
                    <el-row class="mg-data-font">
                        {{o.messageContent}}
                    </el-row>
                    </div>
                </div>
                </div>
            </el-card>
        </el-row>
        <el-row style="margin-top: 8px">
            <el-card class="box-card">
                <div slot="header" class="clearfix">
                    <span class="subtitle-font">气象报</span>
                    <el-badge :value="repUnRead" :max="99" class="item" style="float: right;">
                        <el-button  type="primary" style="padding: 3px 8px;" plain icon="el-icon-message" @click="newRep()"></el-button>
                    </el-badge>
                </div>
                <div class="scroll-body">
                <div v-for="o in rep.read" :key="o" class="text item">
                    <div class="my-message-body">
                    <el-row class="mg-time-font">[{{o.time}}]</el-row>
                    <el-row class="mg-data-font">{{o.messageContent}}</el-row>
                    </div>
                </div>
                </div>
            </el-card>
        </el-row>
        </div>
    </el-col>
</el-row>

    <el-row>

        <el-col :span="10">
            <div style="height: 250px;border-radius: 0px;margin-top: 0px;padding: 5px;margin-left: 0px"class="consume-panel">
            <el-row >
                <el-col :span="24" style="padding-top:0px"><span class="subtitle-font">机场活量</span></el-col>
            </el-row>
            <el-row class="testSty3">
                <el-col :span="6" class="text-font">进港建设:</el-col>
                <el-col :span="6" class="data-font">3分钟/架次</el-col>
                <el-col :span="6" class="text-font">出港建设:</el-col>
                <el-col :span="6" class="data-font">2分钟/架次</el-col>
            </el-row>
            <el-row class="testSty3">
                <el-col :span="6" class="text-font">进港准点率:</el-col>
                <el-col :span="6" class="data-font">82%</el-col>
                <el-col :span="6" class="text-font">出港准点率:</el-col>
                <el-col :span="6" class="data-font">80%</el-col>
            </el-row>
            <el-row class="testSty3">
                <el-col :span="6" class="text-font">最后进港:</el-col>
                <el-col :span="6" class="data-font">14:51</el-col>
                <el-col :span="6" class="text-font">最后出港:</el-col>
                <el-col :span="6" class="data-font">14:51</el-col>
            </el-row>
            </div>
        </el-col>
        <el-col :span="14">

            <el-row>
                <div class="consume-panel" style="height: 250px;margin-top: 0px;padding: 5px;margin-right: 0px">
                    <div>
                        <el-row style="height: 25px;margin-bottom: 5px">
                        <el-col :span="12"><span class="subtitle-font">历史报文查询</span></el-col>
                        <el-col :span="12">
                            <a  style="float: right" href="http://www.nmc.cn/publish/forecast/AYN/kunming.html" target="_blank"><span style=" font-size:14px;" class="subtitle-font">气象参考</span></a>
                        </el-col>
                        </el-row>
                        <el-row>
                        <el-form :inline="true" :model="findWeatherReport">
                                <el-radio-group v-model="findWeatherReport.type">
                                    <el-radio :label="3" style=" font-size:12px;color: #00FFFF;">特殊气象报</el-radio>
                                    <el-radio :label="6" style=" font-size:12px;color: #00FFFF;">气象报</el-radio>
                                    <el-radio :label="9" style=" font-size:12px;color: #00FFFF;">全部</el-radio>
                                </el-radio-group>
                                <el-date-picker
                                        v-model="findWeatherReport.reportDate"
                                        align="right"
                                        type="date"
                                        placeholder="选择日期"
                                        :picker-options="pickerOptions1"
                                >
                                </el-date-picker>
                        </el-form>
                        </el-row>
                    </div>
                    <div style=" height: 175px;overflow-y: scroll;border-top:  solid 1px #2b2b61;margin-top: 5px">
                    <div v-for="o in 10" :key="o" class="text item" >
                        <div class="my-message-body">
                        <el-row class="mg-time-font">[2018-08-07 10:30]</el-row>
                        <el-row class="mg-data-font">TAF ZPDL 130139Z 130132</el-row>
                        </div>
                    </div>
                    </div>
                </div>

            </el-row>
        </el-col>

</el-row>


<!--模态框-->
    <el-dialog
            width="40%"
            top="5%"
            :title="title"
            :visible.sync="dialogVisible"
            >
        <div style=" height: 200px;overflow-y:scroll ;">
                <div v-for="(data, index) in tabList" :key="index" :data="data">
                    <div class="my-message-body">
                        <el-row class="mg-time-font">
                            [{{data.time}}]
                        </el-row>
                        <el-row class="mg-data-font">
                            {{data.messageContent}}
                        </el-row>
                    </div>
                </div>
    </div>
        <span slot="footer" class="dialog-footer">
    <el-button type="primary" @click="closeNewMessage">关闭</el-button>
  </span>
    </el-dialog>


</div>